<template>
  <view>
    <u-tabbar
      @change="(name) => (value4 = name)"
      :fixed="true"
      :placeholder="true"
      activeColor="#5A6062"
      :safeAreaInsetBottom="false"
    >
      <u-tabbar-item text="添加待办" @tap="goWhere('/pages/base/addTodo')">
        <image
          class="u-page__item__slot-icon"
          slot="active-icon"
          src="@/static/img/db.png"
        ></image>
        <image
          class="u-page__item__slot-icon"
          slot="inactive-icon"
          src="@/static/img/db.png"
        ></image>
      </u-tabbar-item>
      <u-tabbar-item text="添加跟进" @tap="goWhere('/pages/base/addFollow')">
        <image
          class="u-page__item__slot-icon"
          slot="active-icon"
          src="@/static/img/gj.png"
        ></image>
        <image
          class="u-page__item__slot-icon"
          slot="inactive-icon"
          src="@/static/img/gj.png"
        ></image>
      </u-tabbar-item>
      <u-tabbar-item text="转为客户">
        <image
          class="u-page__item__slot-icon"
          slot="active-icon"
          src="@/static/img/gj.png"
        ></image>
        <image
          class="u-page__item__slot-icon"
          slot="inactive-icon"
          src="@/static/img/gj.png"
        ></image>
      </u-tabbar-item>
      <u-tabbar-item text="抛入公海">
        <image
          class="u-page__item__slot-icon"
          slot="active-icon"
          src="@/static/img/gj.png"
        ></image>
        <image
          class="u-page__item__slot-icon"
          slot="inactive-icon"
          src="@/static/img/gj.png"
        ></image>
      </u-tabbar-item>
    </u-tabbar>
  </view>
</template>
<script>
export default {
  data() {
    return {
      value4: 0,
    }
  },
  methods: {
    goWhere(url) {
      uni.navigateTo({
        url,
      })
    },
  },
}
</script>
<style lang="scss" scoped>
.u-page__item__slot-icon {
  width: 32rpx;
  height: 32rpx;
}
</style>